<template>
  <div class="common-seach-wrap">
    <el-tabs v-model="activeName">
      <el-tab-pane label="余额明细" name="log"></el-tab-pane>
      <el-tab-pane label="充值设置" name="settings"></el-tab-pane>
      <el-tab-pane label="充值套餐" name="plan"></el-tab-pane>
      <el-tab-pane label="充值记录" name="record"></el-tab-pane>
      <el-tab-pane label="提现设置" name="cashsetting"></el-tab-pane>
      <el-tab-pane label="提现记录" name="cash"></el-tab-pane>
    </el-tabs>

    <!--余额明细-->
    <Log v-if="activeName == 'log'"></Log>
    <!--余额设置-->
    <Setting v-if="activeName == 'settings'"></Setting>
    <!--充值套餐-->
    <Plan v-if="activeName == 'plan'"></Plan>
    <!--充值记录-->
    <Record v-if="activeName == 'record'"></Record>
    <!--提现设置-->
    <CashSetting v-if="activeName == 'cashsetting'"></CashSetting>
    <!--提现记录-->
    <Cash v-if="activeName == 'cash'"></Cash>
  </div>
</template>
<script>
import Setting from "./part/Setting.vue";
import Log from "./part/Log.vue";
import Plan from "./part/Plan.vue";
import Record from "./part/Record.vue";
import CashSetting from "./part/CashSetting.vue";
import Cash from "./part/Cash.vue";
export default {
  components: {
    Setting,
    Log,
    Plan,
    Record,
    CashSetting,
    Cash,
  },
  data() {
    return {
      form: {
        status: 0,
      },
      activeName: "log",
    };
  },
  methods: {},
};
</script>

<style></style>
